<template>
    <div class="mars3dMapBox">
        <!-- 地图打印 -->
        <print v-if="widget.print.show" />
        <div class="mars3dMapBox">
            <!-- 地图主体 -->
            <mars3d class="mars3dBox" v-show="!widget.print.printImgUrl" :style="widget.print.show ? widget.print.valStyle : {}" :class="widget.print.show ? 'mars3dBoxprint' : ''"></mars3d>
            <!-- 顶部按钮组 -->
            <topwidget v-if="!widget.print.show"></topwidget>
            <!-- 工具集合 -->
            <tools v-if="!widget.print.show"></tools>
        </div>
    </div>
</template>
<script setup lang="ts">
// import { ref } from "vue";
import mars3d from "./mars3d/map.vue";
import topwidget from "@/views/topwidget/topwidget.vue";
import tools from "@/views/tools/index.vue";
import print from "@/views/print/print.vue";
import { widget } from "@/utils/global";

// const visible = ref(true);
</script>
<style scoped lang="scss">
.mars3dMapBox {
    background: rgb(204, 204, 204);
    height: 100%;
}
.mars3dBoxprint {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
</style>
